<template>
  <a-modal
    :title="$t('订单详情')"
    :visible="visible"
    @cancel="handleCancel"
    width="50%"
    class="modal_title"
    v-drag
  >
    <div>
      <a-row class="black-row" style="margin:-10px 15px 15px 15px">
        <a-col :span="12">
          <a-row class="top-row">{{$t('订单号')}}：{{infoData.orderId}}</a-row>
          <a-row class="top-row">{{$t('商户订单号')}}：{{infoData.outTradeNo}}</a-row>
          <a-row class="top-row">{{$t('收款渠道')}}：{{infoData.recoveryChannel_dictText}}</a-row>
          <a-row class="top-row">{{$t('支付状态')}}：{{infoData.status_dictText}}</a-row>
          <a-row class="top-row" v-if="taxSetting != 0">{{$t('其中税费')}}：{{infoData.taxPrice}}</a-row>
        </a-col>
        <a-col :span="12">
          <a-row class="top-row">{{$t('下单时间')}}：{{infoData.createTime}}</a-row>
          <a-row class="top-row">{{$t('支付单号')}}：{{infoData.thirdOrderId}}</a-row>
          <a-row class="top-row">{{$t('支付方式')}}：{{infoData.payType_dictText}}</a-row>
          <a-row class="top-row">{{$t('订单金额')}}：{{infoData.price}}</a-row>
        </a-col>
      </a-row>
      <a-row class="black-row" >
        <a-col >
          <a-row class="top-row">{{$t('回调返回值')}}：{{infoData.callbackMsg}}</a-row>
          <a-row style="margin:30px 10px">{{$t('错误信息')}}：{{infoData.errorMsg}}</a-row>
        </a-col>
      </a-row>
    </div>

    <template slot="footer">
      <a-button @click="handleCancel">{{$t('关闭')}}</a-button>
    </template>

  </a-modal>
</template>

<script>
export default {
  name: 'OrderPayModal',
  components: { },
  data() {
    return {
      visible: false,
      infoData:{},
      taxSetting: localStorage.getItem('taxSetting')
    }
  },
  created() {},
  methods: {
    handleCancel() {
      this.visible = false
    },
    edit(record){
      this.taxSetting = localStorage.getItem('taxSetting')
      this.visible = true
      this.infoData = record
    }
  }
}
</script>
<style>
.black-row{
  margin: 0 15px;
  border: 1px solid #d9d9d9;
  padding: 10px;
  border-radius: 5px;
  font-size: 15px;
}
.top-row{
  margin:10px;
}
</style>